<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>{{ project_name }} - Password Recovery</title>
</head>
<body>
    <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px;">
        <h2>{{ project_name }} - Password Recovery</h2>
        <p>Hi {{ username }},</p>
        <p>We received a request to reset your password. If you didn't make this request, you can ignore this email.</p>
        <p>To reset your password, click on the following link:</p>
        <p><a href="{{ link }}" style="display: inline-block; padding: 10px 20px; background-color: #007bff; color: white; text-decoration: none; border-radius: 5px;">Reset Password</a></p>
        <p>Or copy and paste this link in your browser:</p>
        <p>{{ link }}</p>
        <p>This link will expire in {{ valid_hours }} hours.</p>
        <p>Best regards,<br>{{ project_name }} Team</p>
    </div>
</body>
</html>